<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blogDetail.css">
</head>
<body>
    <!--    导航栏-->
    <div class="nav">
        <img src="./image/person_Blog.png" alt="">
        <span>我的博客系统</span>
        <div class="spacer"></div>
        <a href="main.html">主页</a>
        <a href="edit.html">写博客</a>
        <a href="#">注销</a>
    </div>

    <!--    页面版心-->
    <div class="container">
        <!--        左侧个人信息-->
        <div class="left">
            <div class="card">
                <img src="./image/person_My.jpg">
                <h3>路痴卷 </h3>
                <a href="#">github 地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <!--        右侧内容-->
        <div class="right">
            <div class="blog-container">
                <!-- 标题 -->
                <h3>我的第一篇博客</h3>
                <!-- 日期 -->
                <div class="date">
                    2019-07-12 20:13:00
                </div>
                <!-- 博客正文 -->
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia?  laboriosam maiores aliquam eum vel</p>
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.</p>
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.</p>
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.</p>
                <p>从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.从今天起,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi molestiae perferendis eaque libero omnis minus mollitia? In quam labore, eos qui natus pariatur, culpa dicta dolore tempore delectus, recusandae fugit.</p>
            </div>
        </div>
    </div>
</body>
</html>